.container-fluid{
  .row>div{
    background-color: white;
    height: 36px;
    border: 1px solid #555;
    line-height: 36px;
    text-align: center;
    &>a{
      position: relative;
      text-decoration: none;
      font-size: 16px;
      color: black;

      span{
        position: absolute;

      }
      img{
        width: 80px;
        height: 80px;
        /* max-width: 124%; */
        /* max-height: 101%; */
        position: absolute;
        top: 17px;
        left: -38px;
        display:none;
      }
    }
    a::before{
      position: absolute;
      top: 2px;
      left: -22px;
    }
    a:hover{
      img{
        display: block;
      }
    }

  }

}

.wjs-default {
  background-color: #f8f8f8;
  //border-color: #e7e7e7
  color: #333;
}

.wjs-default .navbar-brand {
  color: #777;
  height: 100%;
  &>span:nth-child(1){
    color: orangered;
    font-size: 80px;
  }
  &>span:nth-child(2){
    color: #000;
    font-size: 70px;
  }
}

.wjs-default .navbar-brand:focus,
.wjs-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}

.wjs-default .navbar-text {
  color: #777
}

.wjs-default .navbar-nav > li > a {
  color: #777;
  font-size: 20px;
  height: 110px;
  /* margin-top: 35px; */
  line-height: 95px;
}

.wjs-default .navbar-nav > li > a:focus,
.wjs-default .navbar-nav > li > a:hover {

  border-bottom: 3px solid orangered;
  background-color: #fff;
}

.wjs-default .navbar-nav > .active > a,
.wjs-default .navbar-nav > .active > a:focus,
.wjs-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7
}

.wjs-default .navbar-nav > .disabled > a,
.wjs-default .navbar-nav > .disabled > a:focus,
.wjs-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent
}

.wjs-default .navbar-toggle {
  border-color: #ddd
}

.wjs-default .navbar-toggle:focus,
.wjs-default .navbar-toggle:hover {
  background-color: #ddd
}

.wjs-default .navbar-toggle .icon-bar {
  background-color: #888
}

.wjs-default .navbar-collapse, .wjs-default .navbar-form {
  border-color: #e7e7e7
}

.wjs-default .navbar-nav > .open > a, .wjs-default .navbar-nav > .open > a:focus, .wjs-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7
}

@media (max-width: 767px) {
  .wjs-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777
  }

  .wjs-default .navbar-nav .open .dropdown-menu > li > a:focus, .wjs-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent
  }

  .wjs-default .navbar-nav .open .dropdown-menu > .active > a, .wjs-default .navbar-nav .open .dropdown-menu > .active > a:focus, .wjs-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
  }

  .wjs-default .navbar-nav .open .dropdown-menu > .disabled > a, .wjs-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .wjs-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
  }
}

.wjs-default .navbar-link {
  color: #777
}

.wjs-default .navbar-link:hover {
  color: #333
}

.wjs-default .btn-link {
  color: #777
}

.wjs-default .btn-link:focus, .wjs-default .btn-link:hover {
  color: #333
}

.wjs-default .btn-link[disabled]:focus, .wjs-default .btn-link[disabled]:hover, fieldset[disabled] .wjs-default .btn-link:focus, fieldset[disabled] .wjs-default .btn-link:hover {
  color: #ccc
}


  .banner{
    a{
      display: block;
      height: auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
  .banner_a{
    background-image: url("../../img/slide_01_2000x410.jpg");
}
  .banner_b{
    background-image: url("../../img/slide_02_2000x410.jpg");
  }
  .banner_c{
    background-image: url("../../img/slide_03_2000x410.jpg");
  }
  //.banner_a{
  //  background-image: url("../../img/slide_01_640x340.jpg");
  //}

}


